<div class="skill-tree-node" [style.left]="posLeft" [style.top]="posTop" (mouseenter)="onHoverBegin()" (mouseleave)="onHoverEnd()" (click)="onClick($event)" (contextmenu)="onRightClick($event)">
    <div class="skill-tree-node-level" [style.background]="levelBoxBackground" [style.color]="rankColor">{{rank}}</div>
    <div class="skill-tree-node-image" [style.background]="background" [style.clip-path]="clipPath"></div>
</div>
